/**
 * @module 预约类别
 * @author Yun Tang
 * @date 2020-05-23 16:49:15
 */

import React from 'react';
import { Button, WingBlank, WhiteSpace } from 'antd-mobile';
import HeaderComponent from '../components/Header';
import { RouteComponentProps } from 'react-router';
import './index.less';

const OrderType: React.FC<RouteComponentProps> = (props: RouteComponentProps) => {
  const goNext = (val) => {
    props.history.push(`/subscribetime/${val}`);
  };

  return (
    <div className="orderType">
      <HeaderComponent text="确认订单" />
      <ul className="my-ul">
        <li className="my-list">
          <span className="list-left">羽毛球</span>
          <span className="list-right">球杆</span>
        </li>
        <li className="my-list">
          <span className="list-left">羽毛球</span>
          <span className="list-right">球杆</span>
        </li>
        <li className="my-list">
          <span className="list-left">羽毛球</span>
          <span className="list-right">球杆</span>
        </li>
      </ul>
      <ul className="total-ul">
        <li className="total-list">
          <span>总计：</span>
          <span>46元</span>
        </li>
        <li className="total-list">
          <span>原价套餐：57元</span>
          <span>46元</span>
        </li>
      </ul>
      <div className="total-money">
        <div className="total-desc">
          <span>3号场 17:00-18:00</span>
          <span>3号场 17:00-18:00</span>
        </div>
        <p className="total-btn">提交订单</p>
      </div>
    </div>
  );
};

export default OrderType;
